<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function onchangeFun() {
            alert("静态注册，选择成功")
        }

        window.onchange = function () {
            //1.获取标签对象
            var selObj = document.getElementById("onchange");
            //2.通过标签对象.事件名 = function(){}
            selObj.onchange = function () {
                alert("动态注册，选择成功")
            }
        }
    </script>
</head>
<body>
    请选择你的爱好：
    <!--静态注册onchange事件-->
    <select onchange="onchangeFun()">
        <option>---请选择---</option>
        <option>Java</option>
        <option>Python</option>
        <option>Hadoop</option>
    </select>

    请选择你的课程：
    <!--动态注册onchange事件-->
    <select id="onchange">
        <option>---请选择---</option>
        <option>HTML</option>
        <option>CSS</option>
        <option>JS</option>
    </select>
</body>
</html>